<template>
    <div class="right">
        <div class="realTime">
            <div class="title"><i><strong>实时预警</strong></i></div>
            <el-table :data="tableData" style="width: 100%">
                <el-table-column prop="villageName" label="小区名"></el-table-column>
                <el-table-column prop="personIn" label="人员进"></el-table-column>
                <el-table-column prop="personOut" label="人员出"></el-table-column>
                <el-table-column prop="carIn" label="车辆进"></el-table-column>
                <el-table-column prop="carOut" label="车辆出"></el-table-column>
            </el-table>
        </div>
    </div>
</template>

<style  scoped>
    .right{
        margin-top: 15%;
    }
    .title{
        color: #32A2F0;
        font-size: 18px;
    }
</style>

<script>
export default {
      data() {
        return {
          tableData: [{
            villageName: '西湾子镇小区',
            personIn: 5,
            personOut: 10,
            carIn:10,
            carOut:5
          },
          {
            villageName: '招待所小区',
            personIn: 5,
            personOut: 10,
            carIn:10,
            carOut:5
          },
          {
            villageName: '旧农行小区',
            personIn: 5,
            personOut: 10,
            carIn:10,
            carOut:5
          }]
        }
      }
    }
</script>